﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>借记卡主页</title>
<link rel="stylesheet" href="css/bankcardcenter-style.css">
  <link rel="stylesheet" href="css/nav1.css">
</head>
<body>
<nav class="mynav">
  <ul>
    <li><a href="" onclick="window.open('index.html')">首 &nbsp 页</a></li>
    <li><a href="" onclick="window.open('bankcardlist.html')">我的银行卡</a></li>
    <li><a href="" onclick="window.open('deallist.html')">我的流水</a></li>
    <li><a href="" onclick="window.open('applydebitcard.html')">申请借记卡</a></li>
    <li><a href="" onclick="window.open('personalcenter.html')">个人中心</a></li>
    <li><a href="" onclick="window.open('helpandsupport.html')">帮助与支持</a></li>
  </ul>
</nav>
<span class="target"></span>


<div class="grids">
  <div class="card-one">
    <div class="card" onclick="window.open('applydebitcard.html')">
      <div class="card__side card__side--front" id="front-1">
        <div class="text-box">
          <h3 class="text-box-top">还没有借记卡 ?</h3>
          <h1 class="text-box-middle">申请我的借记卡</h1>
          <h3 class="text-box-lower">立即申请</h3>
        </div>
      </div>
      <div class="card__side card__side--back" id="back-1">
        <div class="text-box">
          <h3 class="text-box-top">No Debit Card Yet ?</h3>
          <h1 class="text-box-middle">Apply For A Debit Card</h1>
          <h3 class="text-box-lower">Apply Now</h3>
        </div>
      </div>
    </div>
  </div>
  <div class="card-two" onclick="window.open('bankcardlist.html')">
    <div class="card">
      <div class="card__side card__side--front" id="front-2">
        <div class="text-box">
          <h3 class="text-box-top">用户服务</h3>
          <h1 class="text-box-middle">我的银行卡</h1>
          <h3 class="text-box-lower">点击查询</h3>
        </div>
      </div>
      <div class="card__side card__side--back" id="back-2">
        <div class="text-box">
          <h3 class="text-box-top">User Service</h3>
          <h1 class="text-box-middle">My Debit Card</h1>
          <h3 class="text-box-lower">Click To Query My Debit Card.</h3>
        </div>
      </div>
    </div>
  </div>
  <div class="card-three">
    <div class="card" onclick="window.open('deallist.html')">
      <div class="card__side card__side--front" id="front-3">
        <div class="text-box">
          <h3 class="text-box-top">流水详情</h3>
          <h1 class="text-box-middle">我的资金流动</h1>
          <h3 class="text-box-lower">点击查看</h3>
        </div>
      </div>
      <div class="card__side card__side--back" id="back-3">
        <div class="text-box">
          <h3 class="text-box-top">Debit Card Service</h3>
          <h1 class="text-box-middle">My Cash Flow</h1>
          <h3 class="text-box-lower">Click To View</h3>
        </div>
      </div>
    </div>
  </div>
  <div class="card-four">
    <div class="card" onclick="window.open('transferaccounts.html')">
      <div class="card__side card__side--front" id="front-4">
        <div class="text-box">
          <h3 class="text-box-top">借记卡服务</h3>
          <h1 class="text-box-middle">转账</h1>
          <h3 class="text-box-lower">点击开始</h3>
        </div>
      </div>
      <div class="card__side card__side--back" id="back-4">
        <div class="text-box">
          <h3 class="text-box-top">Debit Card Service</h3>
          <h1 class="text-box-middle">Transfer Accounts</h1>
          <h3 class="text-box-lower">Click To Start</h3>
        </div>
      </div>
    </div>
  </div>
  <div class="card-five">
    <div class="card">
      <div class="card__side card__side--front" id="front-5">
        <div class="text-box">
          <h3 class="text-box-top">TOTORO BANK 提醒您</h3>
          <h1 class="text-box-middle">注意 !</h1>
          <h3 class="text-box-lower">您的资金安全</h3>
        </div>
      </div>
      <div class="card__side card__side--back" id="back-5">
        <div class="text-box">
          <h3 class="text-box-top">TOTORO BANK Remind</h3>
          <h1 class="text-box-middle">Tips !</h1>
          <h3 class="text-box-lower">Your Capital Security</h3>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="js/bankcardcenter.js"></script>
<script src="js/nav1.js"></script>
</body>
</html>

